<!DOCTYPE html>
<html>
	<head>
		#include('head.html',{title:'我的'})
		<style>
			.sexicon{
				text-align: center;
				font-size: 15px;
				margin-left: 10px;
			}
			.am-icon-mars{
				color: #3bb4f2;
			}
			.am-icon-venus{
				color:rgb(238, 88, 139);
			}
			.am-icon-venus-mars{
				color: #cddc39;
			}
			.am-modal-btn{
				color:#0894ec;
			}
			.am-modal-hd{
				margin-top: 300px;
			}
		</style>
	</head>
	<body>
		<div class="member">
			#if(user!=null)
			<a href="/modify">
				<div class="member-pic">
					<img src="/images/headicon/${user.uPic}" style="border-radius: 50%;"/>
				</div>
				<div class="member-infor">${user.uName} <i class="sexicon am-icon-${user.uSex==1?'mars':user.uSex==2?'venus':''}"></i></div><br>
				<div class="member-inf" style="float: none;font-size: 13px;padding-left: 138px; margin-top: 55px;text-align: left;">ID：${user.uId}</div>
			</a>
			#else
			<a href="/login">
				<div class="member-pic">
					<img src="images/default_photo.png" />
				</div>
				<div class="member-infor" style="margin-top: 60px;font-size: 18px;">请先登录</div><br>
			</a>
			#end
		</div>
		<ul class="member-nav">
			#if(user!=null)
			<a href="comment">
				<li>
					<i class="am-icon-comments-o"></i><span>我的评论</span>
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    </span>

				</li>
			</a>
			#else
			#if(isApp!=1)
			<a href="login">
			#else
			<a href="javascript:travel1.toLogin();">
			#end
				<li>
					<i class="am-icon-user"></i><span>登录</span>
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    </span>
					
				</li>
			</a>
			#end
			<a href="#" id="doc-confirm-toggle">
				<li>
					<i class="am-icon-newspaper-o "></i><span>购票</span>
						<span style="float: right;">
				        <i class="fr am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    	</span>

				    	<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
					  <div class="am-modal-dialog">
					    <div class="am-modal-hd">购票</div>
					    <div class="am-modal-bd">
							#if(isApp==1)
					      亲爱的用户，您是否选择跳转至携程购票？
							#else
							该功能需要在APP中打开，是否下载APP？
							#end
					    </div>
					    <div class="am-modal-footer">
					      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
					      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
					    </div>
					  </div>
					</div>				
				</li>
			</a>
			#if(user!=null)
			<a href="modify">
				<li>
					<i class="am-icon-edit"></i><span>修改资料</span>
						<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    	</span>
					
				</li>
			</a>
			#end
		</ul>
		<ul class="member-nav mt">
			#if(isApp==1)
			#else
			<a onclick="location.href='/download'" id="downloadApp">
				<li>
					<i class="am-icon-download"></i>下载APP
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    </span>
				</li>
			</a>
			#end
		</ul>
		<ul class="member-nav mt">
			#if(isApp!=11)
			#if(user!=null)
			<a href="logout">
				<li>
					<i class="am-icon-sign-out"></i><span style="colo1r: red;">注销登录</span>
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    </span>
				</li>
			</a>
			#end
			#else
			<a href="javascript:travel1.toSetting();">
				<li>
					<i class="am-icon-gear"></i><span>设置</span>
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    	</span>

				</li>
			</a>
			#end
		</ul>
		<ul class="member-nav mt">
			#if(isApp==1)
			<a href="javascript:travel1.toAbout();">
				<li>
					<i class="am-icon-info"></i>关于
					<span style="float: right;">
				        <i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				    </span>
				</li>
			</a>
			#end
		</ul>
		#include('bottom.html',{num:4})

		<script type="text/javascript">
			$(function() {
  $('#doc-modal-list').find('.am-icon-close').add('#doc-confirm-toggle').
    on('click', function() {
      $('#my-confirm').modal({
        relatedTarget: this,
        onConfirm: function(options) {
        #if(isApp==1)
          travel1.toCtrip();
        #else
            $("#downloadApp").click();
        #end
        }
      });
    });
});
		</script>
	</body>
</html>
